<template>
	<div class="ed">
		<div class="le">
			北京
		</div>
		<div class="center">
			<input type="text" name="" id="" placeholder="请输入关键词" />
			
		</div>
		<div class="right">
			<input type=button value=后退 onclick="window.history.go(-1)">
		</div>
		 <baidu-map class="map" center="北京">
		 	<bm-scale anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-scale>
		 	 <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
		 	 
		 	 <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation>
		 	   <bm-city-list anchor="BMAP_ANCHOR_CENTER_LEFT"></bm-city-list>
		 
		 	    
		 </baidu-map>	
	</div>
</template>

<script>
</script>
<style scoped="scoped">
	.ed{
		position: fixed;
		top: 0;
		width: 100%;
		height: 5vh;
		line-height: 5vh;
		background: red;
		color: white;
	}
	.le{
		float: left;
		margin-left: 5%;
	}
	.map {
  width: 100%;
  height: 400px;
}
.center{
	float: left;
	margin-left: 20%;
}
.right{
	float: left;
	margin-left: 10%;
}
.right input{
	border: none;
	background: red;
	color: white;
}
</style>